<?php
/**
  Theme Name: csbq 2.0
  Description: This is the master page. It contain the header, footer and other stuff.
  Author: Olivier Rheault Gagnon & Christopher Gervais
 */
get_header();
?>
<header>
    <!--TOP MENU-->
    <div class="row">
        <div class="large-12 columns">
            <div class="long-pointille-gris top-menu-height"></div>
        </div>
    </div>
    <!--/TOP MENU-->

	<div class="blockespacement row"></div>
	
    <!--SECOND MENU-->
    <div class="secondMenu row">
        <div class="large-4 columns">
            <img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_08.png">
        </div>

        <div id="nav" class="large-8 columns">
            <ul>
                <li><a href="#">Fonds de placement</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Prêt d'honneur</a></li>
                <li><a href="#">Publications</a></li>
            </ul>
        </div>
    </div><!-- container -->
    <!--/SECOND MENU-->

    </header>
	
	<div class="blockespacement row"></div>
	
	<!--THIRD MENU (TEMPORAIRE À EFFACER JUSTE POUR PRÉSENTATION)-->
	<div class="secondMenu row">
		<!-- <div class="eight columns" style="margin-left:0px; margin-right:0px">
			<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_21.png" />
		</div> -->

		<div class="large-12 columns zoneentete">
			<div class="zonegrise large-6 columns">
				<h3 class="title">Changement de représentant aux fonds de placement</h3>
				<div class="lien">
					Félicitation à M. Pierre Beaulé qui s'est joint à la Corporation se services du Barreau du Québec, à titre de
					représentant et gestionnaire de Fonds. Il remplacera M. Denis Noreau qui nous quitte pour une retraite bien méritée.
					Maximpor ibusam quas nonse nectur? Epernatius ut ex exeremolent voluptatus dolut.
				</div>
				<br /><br />
				<a class="lienbas" href="#">Accès au Fonds de placement</a>
			</div>
			<div class="large-6 columns mainImg">
				
			</div>
		</div>
	</div><!-- container -->
	<!--/THIRD MENU-->

	<div class="blockespacement row"></div>
	
	<!--FORTH MENU (TEMPORAIRE À EFFACER JUSTE POUR PRÉSENTATION)-->
	<div class="row">
		<div class="large-8 columns">
			<img style="margin-bottom: 21px;" src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_33.jpg" />
            <!--<h3>PRODUITS SUR MESURE ET EXCLUSIFS</h3>-->
			<a href="#">
				<div class="zoneproduits">
					<img style="height:52px" src="/csbq/wp-content/themes/corporation/img/fonds.png" />
				</div>
			</a>
			<a href="#">
				<div class="zoneproduits">
					<img style="height:52px" src="/csbq/wp-content/themes/corporation/img/jurifamille.png" />
				</div> 
			</a>
			<a href="#">
				<div class="zoneproduits">
					<img style="height:52px" src="/csbq/wp-content/themes/corporation/img/juricarriere.png" />
				</div>
			</a>
			<div class="zonefonds">
				<div class="produitsection">
					<br /><br />
					<a href="#">Accès à mon compte</a>
					<a style="padding-left:30px;" href="#">Accès au site</a>
					<br /><br />
					<h4>Taux de rendement</h4>
					<table class="tauxtable">
						<tr>
							<th align="left">Fonds</th>
							<th align="left">1 an</th>
							<th align="left">3 ans</th>
							<th align="left">5 ans</th>
							<th align="left">10 ans</th>
						</tr>

						<tr>
							<td class="tableaurouge">Équilibré</td>
							<td class="tableaugris">9%</td>
							<td class="tableaugris">5%</td>
							<td class="tableaugris">6.89%</td>
							<td class="tableaugris">8.98%</td>
						</tr>

						<tr>
							<td class="tableaurouge">Actions</td>
							<td class="tableaugris">11%</td>
							<td class="tableaugris">8.7%</td>
							<td class="tableaugris">7%</td>
							<td class="tableaugris">7.38%</td>
						</tr>

						<tr>
							<td class="tableaurouge">Obligations</td>
							<td class="tableaugris">-1.5%</td>
							<td class="tableaugris">10%</td>
							<td class="tableaugris">4%</td>
							<td class="tableaugris">3%</td>
						</tr>
					</table>
				</div>
			</div>
		</div>

		<div class="large-4 columns">
			<img style="margin-bottom: 19px;" src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_28.jpg" /> 
             <!--<h3>PUBLICATIONS</h3>-->
			<div class="boiteservice">
				<div class="zonegrise">
					<h3 class="title">Infolettre</h3>
					<div class="lien">La superbe infolettre</div>
					<br /><br />
					<a class="lienbas" href="/chat.html">voir le tout</a>
				</div>
				<img style="float:left; width:50%; height:100%" height="186" src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_49.jpg" />
			</div>
			<br /><br />
			<div class="boiteservice">
				<div class="zonegrise">
					<h3 class="title">Rapports annuelles</h3>
					<div class="lien">Le superbe rapport</div>
					<br /><br />
					<a class="lienbas" href="#">voir le tout</a>
				</div>
				<img style="float:left; width:50%; height:100%" src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_62.jpg" />
			</div>		
		</div>
	</div><!-- container -->
	<!--/FORTH MENU-->

	<div class="blockespacement row"></div>
	
	<!--SERVICE-->
	<div class="row"><div class="large-12 columns">
	<div id="serviceIMG"></div>
	<!--<h3>SERVICES</h3>-->
	</div></div>
	<div class="row">
		<!--Toutes les boites sont dans une ligne, le responsive s'occupe du \r-->

		<ul class="large-block-grid-3 ulservice">
			<!--Une boite-->
			<li>
				<div class="boiteservice large-4">
					<div class="zonegrise columns">
						<div class="title">Assurances divers</div>
						<div class="lien">Auto</div>
						<div class="lien">Habitation</div>
						<div class="lien">Médicament</div>
						<div class="lien">Vie et invalidité</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_77.jpg">
					</div>  
				</div>
			</li>
			
			 <!--Une boite-->
			<li>
				<div class="boiteservice large-4">
					<div class="zonegrise columns">
						<div class="title">Techno et communication</div>
						<div class="lien">Téléphonie sans fils</div>
						<div class="lien">Courriels sécurisés</div>
						<div class="lien">Imprimantes</div>
						<div class="lien">Support informatique</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_88.jpg">
					</div>  
				</div>
			</li>
			
			 <!--Une boite-->
			<li>
				<div class="boiteservice large-4">
					<div class="zonegrise columns">
						<div class="title">Services de bureau</div>
						<div class="lien">Fourniture de bureau</div>
						<div class="lien">Destruction de vos documents</div>
						<div class="lien">Services de messagerie</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_83.jpg">
					</div>  
				</div>
			</li>
			
			 <!--Une boite-->
			<li>
				<div class="boiteservice">
					<div class="zonegrise">
						<div class="title">Services spécialisés</div>
						<div class="lien">Art comtemporain</div>
						<div class="lien">Cartes de souhaits</div>
						<div class="lien">Objects promotionnels</div>
						<div class="lien">Service de café</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_98.jpg">
					</div>  
				</div>
			</li>
			
			 <!--Une boite-->
			<li>
				<div class="boiteservice">
					<div class="zonegrise">
						<div class="title">Santé, sport et loisirs</div>
						<div class="lien">Bilan de santé</div>
						<div class="lien">Conditionnement physique</div>
						<div class="lien">Location automobile CT</div>
						<div class="lien">Voyage</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_101.jpg">
					</div>  
				</div>
			</li>
			
			 <!--Une boite-->
			<li>
				<div class="boiteservice">
					<div class="zonegrise">
						<div class="title">Services financier</div>
						<div class="lien">Perception d'honoraires</div>
						<div class="lienbas">
							<div class="fleche"></div>
							<div>En savoir plus</div>
						</div>
					</div>
					<div class="zoneimage">
						<img src="/csbq/wp-content/themes/corporation/img/CS-PageAccueil_104.jpg">
					</div>  
				</div>
			</li>

		</ul>

		<!--/SERVICE-->

<?php //get_sidebar(); // Do we need a sidebar? ?>
<?php get_footer(); ?>